.operate-page {
  .self-adaption {
    .self-box-container {
      .self-adaption-son {
        cursor: pointer;
        position: relative;
        overflow: hidden;
        &:hover .operation-box{
          opacity: 1;
          right: 0.25rem;
        }
        .operation-box {
          opacity: 0;
          position: absolute;
          bottom: 1.5rem;
          right:  -5rem;
          transition: opacity 0.25s ease-in-out;
          .icon-box {
            margin-right: 0.25rem;
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 2.5px;
            padding: 0.125rem;
            &:hover {
              background-color: white;
            }
            cursor: pointer;
            svg {
              display: block;
              width: 1.5rem;
              height: 1.5rem;
            }
          }
        }
      }
    }
  }
}

@media(max-width: 578px) {
  .mine-article {
    .self-adaption {
      .self-box-container {
        .self-adaption-son {
          .operation-box {
            right: 0.25rem;
            .icon-box {
              background-color: white;
            }
          }
        }
      }
    }
  }  
}